{extend name="base"}
{block name="content"}
<link rel="stylesheet" href="/static/merchant/pc/css/store_set.css">
<style>
.Switch{
    float: none !important;
    margin: 0 auto;
    width: 108px;		
}
.Switch input {
	display: none
}

.Switch label {
	background: #CCC;
	height: 28px;
	width: 98px;
	border-radius: 14px;
	float: right;
	margin: 8px 10px 0 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
	position: relative;
}

.Switch label em {
	width: 26px;
	height: 26px;
	float: left;
	margin: 1px;
	border-radius: 13px;
	box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	background: #FFF;
	transition: 0.1s;
}
.Switch label span {
	position: absolute;
	left: 36px;
	height: 28px;
	line-height: 28px;
	color: #6E6B6B;
}	

.Switch input:checked+label {
	background: #a4d714;
}

.Switch input:checked+label span {
	color: #fff;
	left: 15px;
}

.Switch input:checked+label em {
	margin: 1px 1px 1px 71px;
}

.Switch input:disabled+label {
	opacity: 0.5
}
.ty_z_btn {
    display: inline-block;
    margin-right: 4px;
    border: 1px rgba(255, 180, 0, 0.3) solid;
    padding: 0 8px;
    height: 24px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 2px;
}
</style>
<div class="main_div">
						<div class="ty_box goods_category">
							<div class="d_ty_head">
								<b class="e_d_t_title">邀请码管理<span>Store docking

</span></b><span><a class="ty_l_btn" href="{:url('add')}">生成邀请码</a></span>
							</div>

<!-- 								<div class="ty_b_add add_category">
									<i class="iconfont icon-plus"></i>添加分类
								</div> -->
							<ul class="ty_b_list">
								<li class="ty_l_head">
									<div class="ty_l_d3" style="width: 16.66%">邀请码</div>
									<div class="ty_l_d3" style="width: 16.66%">状态</div>
									<div class="ty_l_d3" style="width: 16.66%">邀请时间</div>
									<div class="ty_l_d3" style="width: 16.66%">添加时间</div>
									<div class="ty_l_d3" style="width: 16.66%">有效期</div>
									<div class="ty_l_d3" style="width: 16.66%">操作</div>
								
								</li>
								{foreach $codes as $v}
								<li class="ty_l_li">
									<div class="ty_l_d3" style="width: 16.66%">{$v.code}</div>
									<div class="ty_l_d3" style="width: 16.66%">
									{switch name="v.status"}
								{case value="0"}<font color="gray">未使用</font>{/case}
								{case value="1"}<font color="green">已使用</font>{/case}
								{case value="2"}<font color="red">已过期</font>{/case}
								{/switch}</div>
									<div class="ty_l_d3" style="width: 16.66%">{if $v.status==1}
								{$v.invite_at|date="Y-m-d H:i:s",###}
								{else/}
								-
								{/if}</div>
									<div class="ty_l_d3" style="width: 16.66%">{$v.create_at|date="Y-m-d H:i:s",###}</div>
									<div class="ty_l_d3" style="width: 16.66%">{if $v.status==1}
								已使用
								{else/}
								{$v.expire_day}
								{if $v.expire_at!=0}
								{if $v.create_at>=$v.expire_at}
								[ 已过期 ]
								{else/}
								[ {$v.expire_days}天 ]
								{/if}
								{/if}
								{/if}</div>
									<div class="ty_l_d3" style="width: 16.66%"><a class="ty_l_btn"  href="javascript:void(0);" onclick="delCode({$v.user_id},{$v.id})">删除</a></div>
<!-- 									<div class="ty_l_d3" style="width: 10%"><a class="ty_l_btn"  href="/merchant/docking/goods?shop={$v.id}">对接店铺</a></div>
 --><!-- 									<div class="ty_l_d3" style="width: 20%">
									<a class="ty_l_btn"  href="{:url('link')}?id={$v.id}">链接</a>
									<a class="ty_l_btn"  href="{:url('goods/index')}?cate_id={$v.id}">商品</a>
									<a class="ty_l_btn"  href="{:url('goods_card/index')}?cate_id={$v.id}">库存卡</a>
									<a class="ty_l_btn"  href="{:url('edit')}?id={$v.id}">编辑</a>
									<a class="ty_l_btn ty_l_delete delbtn"  href="javascript:void(0);" data-id="{$v.id}">删除</a>
										
									</div> -->
								</li>
								{/foreach}
								</ul>
							
						</div>
					</div>


	<script>
        function submitform() {
                $("#ajaxform").submit();
        }
		
	</script>
	<script>
    function delCode(user_id,id)
    {
        layer.confirm('确认删除该邀请码？', {icon: 3, title:'提示'}, function(index){
            $.get("{:url('del')}",{
                user_id:user_id,
                id:id
            },function(res){
                if(res.code==1){
                    window.location.reload();
                }else{
                    alert(res.msg);
                }
            },'json');
            layer.close(index);
        });
    }
</script>

{/block}